<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航栏</title>
    <style>
        *{
            margin: 0 auto;
        }
        .contain{
            width: 190px;
            height: 450px;
            padding: 10px 0px;
            background-color:lightseagreen;
        }
        .contain>div{
            width: 172px;
            height: 25px;
            padding: 0px 0px 0px 18px;
        }
        .contain>div:hover{
            background-color:green;
        }
        span:hover{
            color: pink;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="contain">
        <div><span>家用电器</span></div>
        <div><span>手机</span>/<span>运营商</span>/<span>数码</span></div>
        <div><span>电脑</span>/<span>办公</span></div>
        <div><span>家居</span>/<span>家具</span>/<span>家装</span><span>厨具</span></div> 
        <div><span>男装</span>/<span>女装</span>/<span>童装</span>/<span>内衣</span></div>
        <div><span>美妆</span>/<span>个护清洁</span>/<span>宠物</span></div>
        <div><span>女鞋</span>/<span>箱包</span>/<span>钟表</span><span>珠宝</span></div>
        <div><span>男鞋</span>/<span>运动</span>/<span>户外</span></div>
        <div><span>房产</span>/<span>汽车</span>/<span>汽车用品</span></div> 
        <div><span>母婴</span>/<span>玩具乐器</span></div>
        <div><span>美食</span>/<span>酒类</span>/<span>生鲜</span>/<span>特产</span></div>
        <div><span>艺术</span>/<span>礼品鲜花</span>/<span>农资绿植</span></div>
        <div><span>医药保健</span>/<span>计生情趣</span>/</div>
        <div><span>图书</span>/<span>文娱</span>/<span>电子书</span></div>
        <div><span>机票</span>/<span>酒店</span>/<span>旅游</span>/<span>生活</span></div>  
        <div><span>理财</span>/<span>众筹</span>/<span>白条</span>/<span>保险</span></div>  
        <div><span>安装</span>/<span>维修</span>/<span>清洗</span>/<span>二手</span></div>  
        <div><span>工业品</span></div>
    </div>
</body>
</html>
